header {
    padding: .4rem;
    display: flex;
    justify-content: space-between;
    font-size: .5rem;
    color: #575757;
    background: #f6f6f6;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
}
.back-btn a::before {
    content: '';
    width: .35rem;
    height: .35rem;
    display: inline-block;
    border-top: 3px solid #575757;
    border-left: 3px solid #575757;
    transform: rotate(-45deg)
}

main {
    padding: .4rem;
    margin-bottom: 1.8rem;
}
.tap-menu {
    display: flex;
    justify-content: space-around;
    padding-bottom: .4rem;
    border-bottom: 1px solid #f2f2f2;
    font-size: .5rem;
}
.tap-menu .active {
    color: #ff552e;
}
.driver-item {
    display: flex;
    padding: .3rem 0;
    border-bottom: 1px solid #f2f2f2;
}
.driver-item .avatar {
    display: flex;
    flex-direction: column;
    /* width: 1rem; */
    /* height: 1rem; */
}
.driver-item .avatar img {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
}
.driver-item .avatar span {
    /* display:  */
    font-size: .4rem;
    color: #fff;
    padding: .05rem .3rem;
    background: #ff552e;
    border-radius: 5px;
}
.driver-item .info {
    margin: 0 0 0 .25rem;
}
.driver-item .info h3 {
    font-size: .55rem;
    color: #333;
    margin-bottom: .5rem;
}
.driver-item .info p {
    font-size: .4rem;
    color: #a2a2a2;
}
.driver-item .mobile i {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    border: 1px solid #ff552e;
    border-radius: 50%;
}


footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #f8f8f8;
    box-shadow: 0 3px 3px 3px #999;
}
.button {
    display: flex;
    justify-content: space-around;
    font-size: .4rem;
    padding: .2rem 0;
}
.button a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.button img {
    width: 80%;
}
.button .home-btn {
    color: #019db6;
}